/**
 * This class is the main view for the application. It is specified in app.js as the
 * "autoCreateViewport" property. That setting automatically applies the "viewport"
 * plugin to promote that instance of this class to the body element.
 *
 * TODO - Replace this content of this view to suite the needs of your application.
 */


Ext.define('ap_apply.view.main.Main', {
    extend: 'Ext.container.Container',
    requires: [
        'ap_apply.view.main.MainController',
        'ap_apply.view.main.MainModel',
        'pa_apply.view.TestForm.TestFormFormView'
    ],

    xtype: 'app-main',

    controller: 'main',
    viewModel: {
        type: 'main'
    },

    layout: {
        type: 'border'
    },

    items: [
        {
            region: 'center',
            xtype: 'panel',

            items: [
                Ext.create('ap_apply.view.apply_form.PAApplyForm'),
                Ext.create('ap_apply.view.amount_form.AmountForm'),
                Ext.create('ap_apply.view.amount_details.AmountDetailsGrid'),
                Ext.create('pa_apply.view.TestForm.TestFormFormView'),
                {
                    xtype:"panel",
                    buttonAlign:"center",
                    buttons:[
                        {
                            text:"保存"
                        },{
                            text:"提交"
                        },{
                            text:"取消"
                        },{
                            text:"撤销"
                        }
                    ]

                }
            ]
        }]
});
